.nav-user-popup {
    -fx-background-color: #007d71;
    -fx-pref-width: 200px;
    -fx-max-width: 200px;

}

.nav-user-popup>Button{
    -fx-background-color: transparent;
    -fx-pref-width: 200px;
    -fx-max-width: 200px;
    -fx-padding: 8px 5px 8px 20px;
    -fx-alignment: center-left;
    -fx-text-fill: white;
}

.nav-user-popup>Button:hover{
    -fx-background-color: gainsboro;
}

.setting-graphic {
    -glyph-name: "SETTINGS";
    -icons-color: white;
    -glyph-size: 20px;
    -fx-fill: white;
}

.profile-graphic {
    -glyph-name: "USER";
    -icons-color: white;
    -glyph-size: 20px;
    -fx-fill: white;
}

.logout-graphic {
    -glyph-name: "LOGOUT";
    -icons-color: white;
    -glyph-size: 20px;
    -fx-fill: white;
}

.title {
    -fx-font-size: 18px;
}

.pane-margin {
    -fx-padding: 5px 5px 5px 5px;
}

.combo-box {
    -fx-padding: 5 5 5 5;
    -fx-background-color: white;
    -fx-border-color: darkgray;
    -fx-border-radius: 5px;
}

.pageable-pane .text-field {
    -fx-padding: 10 10 10 10;
}

.pageable-pane {
    -fx-background-color: white;
    -fx-border-color: darkgray;
    -fx-border-width: 1px 0 0 0;
}

.jfx-decorator .jfx-decorator-content-container {
    -fx-border-color: #007d71;
    -fx-border-width: 0 3px 3px 3px;
    /*-fx-border-radius: 0px 3px 3px 0px;*/
    /*-fx-background-radius: 0px 3px 3px 0px;*/
}

.jfx-decorator .jfx-decorator-buttons-container,.jfx-decorator-title-container {
    -fx-background-color: #007d71;
}